.coupon {
  width: 380px;
}

.coupon-preview {
  text-align: center;
  padding: 10px;
  font-size: 1.8rem;
  background-color: #000;
  color: #fff;
}

.coupon-header {
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  .header-title {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    padding: 10px;

  }
  .header-subtitle {
    color: rgba(255, 255, 255, .8);

  }
  .header-limit {
    text-align: center;
    color: rgba(255, 255, 255, .8);

  }
}

.coupon-hr {
  margin-top: 20px;
  background: url('../images/card_deco.png') repeat-x top left;
  height: 5px;
}

.coupon-logo {
  .logo {
    float: left;
    padding: 10px;
    img {
      width: 64px;
      height: 64px;
    }

  }
  .info {
    margin-left: 80px;

    .subname {
      color: #999;
    }

  }
}

.coupon-box {
  margin-top: 10px;
  margin-bottom:10px;
  background: #fff;
  border: 1px solid #e7e7eb;
  border-left:none;
  border-right: none;

  .qrcode {
    padding: 20px;
    padding-bottom:0;
    text-align: center;
  }
  .content {
    text-align: center;
    padding: 10px;
    font-size:1.6rem;

  }
}

.coupon-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  li {
    background-color: #fff;
    padding-left: 15px;
    a {
      display: block;
      padding: 11px 30px 11px 0;
      border-bottom: 1px solid #e7e7eb;
      color: #333;
      &.arrow {
        background: url("../images/arrow.png") no-repeat right center;
        background-position:95% 50%;
        padding-right:40px;

      }

      .subtitle {
        float: right;
        color: #999;
      }
      .title {

      }

    }

    &:last-child {
      a {
        border-bottom:none;
      }
    }
  }
}